<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品价格筛选</title>
		<link rel="stylesheet" href="css/筛选.css">
	</head>
	<body>
		<h1>商品价格筛选</h1>
		<form id="priceFilterForm">
		    <label for="minPrice">最低价格：</label>
		    <input type="number" id="minPrice" name="minPrice" placeholder="输入最低价格"><br>
		    <label for="maxPrice">最高价格：</label>
		    <input type="number" id="maxPrice" name="maxPrice" placeholder="输入最高价格"><br>
		    <input type="submit" value="筛选">
		</form>
		<span id="priceRangeDisplay"></span>
		<ul id="productList">
		    <!-- 这里会动态添加商品列表项 -->
		</ul>
		<div id="productDetails" style="display: none;">
		    <h2 id="productName"></h2>
		    <p id="productPrice"></p>
		    <p id="productDescription"></p>
			<p id="storeAddress"></p>
		    <img id="productImage" src="" alt="商品图片">
			<div style="text-align: center;">
							<a href="" id="detailLink">菜品详情</a>
			</div>
		<script src="js/筛选.js"></script>
	</body>
</html>